<%@ Page Language="C#" MasterPageFile="~/Site.master" Title="GridView Predefined Columns" %>
<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" Runat="Server">
    <h3>Supplier Information</h3>
    <AjaxData:GridView ID="GridView1" runat="server" CssClass="DataWebControlStyle" CellSpacing="0" CellPadding="3" DataKeyName="ID">
       <AlternatingRowStyle CssClass="AlternatingRowStyle" />
       <RowStyle CssClass="RowStyle"/>
       <HeaderStyle CssClass="HeaderStyle"/>
       <Columns>
        <AjaxData:GridViewBoundColumn HeaderText="Company" DataField="Company" HeaderStyle-HorizontalAlign="Left" ItemStyle-HorizontalAlign="Left"/>
        <AjaxData:GridViewBoundColumn HeaderText="Contact" DataField="ContactName" HeaderStyle-HorizontalAlign="Left" ItemStyle-HorizontalAlign="Left"/>
        <AjaxData:GridViewBoundColumn HeaderText="Title" DataField="ContactTitle" HeaderStyle-HorizontalAlign="Left" ItemStyle-HorizontalAlign="Left"/>
       </Columns>
    </AjaxData:GridView>

    <script type="text/javascript">

        function pageLoad(sender, e)
        {
            DataService.GetAllSupplier(onLoadSuccess);
        }

        function onLoadSuccess(result)
        {
            var gridView = GridView1;

            gridView.set_dataSource(result);
            gridView.dataBind();
        }

    </script>

</asp:Content>